﻿@model IEnumerable<PaginaWeb.Models.MiProducto>

@{
   ViewBag.Title = "Pagina Web";
   Layout = "~/Views/Shared/_ClienteLayout.cshtml";
}


<h2 style="text-align: center" >Productos</h2>

<form id="busqueda_form"> 
   <label> 
       <span>Buscar un producto: </span> 
       <input type="text" id="buscar" name="term" /> 
   </label> 
</form>

<div id="resultados">
</div>

@section Scripts {
   <script type="text/javascript">
       function buscar(term) {
           $.ajax({
               url: "@Url.Action("Buscar")",
               data: "term=" + term,
               success: function (data, textStatus, jqXHR) {
                   console.log("resultado", data);
                   $("#resultados").html(data);
               },
               dataType: "html"
           });
       }
       $('#buscar').keyup(function () {
           console.log("ready");
           buscar($('#buscar').val());

           //           $("#busqueda_form").submit(function () {
           //console.log("submit");
           //buscar(this.term.value);
           //return false;
           //});

       });

</script>
}




@*@model IEnumerable<PaginaWeb.Models.MiProducto>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_ClienteLayout.cshtml";
}

<!---<div ALING="center">portal cliente--->
<form id="busqueda_form"> 
   <label> 
       <span>Buscar un producto: </span> 
       <input type="text" name="term"/> 
   </label> 
   <input type="submit" value="Buscar" id="buscar"/> 
</form>

<div id="resultados">
</div>

@section Scripts {
   <script type="text/javascript">
       function buscar(term) {
           $.ajax({
               url: "@Url.Action("buscar")",
               data: "term=" + term,
               success: function (data, textStatus, jqXHR) {
                   console.log("resultado", data);
                   $("#resultados").html(data);
               },
               dataType: "html"
           });
       }
       $(document).ready(function () {
           console.log("ready");
           buscar("@Request["term"]");

           $("#busqueda_form").submit(function () {
               console.log("submit");
               buscar(this.term.value);
               return false;
           });

       });

</script>
}*@







@*<table class="table table-hover">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.nombre)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.modelo)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.marca)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.precio)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.descripcion)
        </th>
        <th>
            Foto
        </th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            <a href="~/MiProducto/Details/@item.id" target="_blank">
            @Html.DisplayFor(modelItem => item.nombre)
            </a>    
            
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.modelo)
        </td>
        <td>
            <a href="~/Marca/Details/@item.marca.id">
                @Html.DisplayFor(modelItem => item.marca.nombre)
            </a>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.precio)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.descripcion)
        </td>
        <td>
            <img src="@Url.Content("~/Content/Imagenes2/" + item.id + ".jpg")" height="150" width="150"/>
        </td>
    </tr>
}
 </table>*@

@*@foreach (var producto in Model) {
    <a href="~/Temporada/Index/@show.id">
        <img src="@producto.foto" alt="@producto.nombre" class="img-rounded" style="max-width: 30%;">
    </a>    
}*@